<!doctype html>
<html>
<head>
    <base href="${base}/"/>
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="0">
    <title>苍穹跃龙</title>
    <link type="text/css" rel="stylesheet" href="css/redmond/jquery-ui.min.css"/>
    <link type="text/css" rel="stylesheet" href="css/public.css"/>
    <link type="text/css" rel="stylesheet" href="css/login.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script type="text/javascript" src="js/codeMsg.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            window.onkeyup = function (e) {
                if (e.keyCode == 13) {
                    login.submit();
                }
            }
        });
        login.successCallback = function (rs) {
            location = 'long/index.action';
        }
        function setLogin() {
            $('.login').css('position', 'fixed');
            var lh = $('.login').outerHeight(true);
            var wh = $(window).height();
            var mt = Math.floor((wh - lh) / 2);
            if (mt < 0) {
                mt = 0;
            }
            $('.login').css('top', mt + 'px');
            var bw = $(window).width();
            var lw = $('.login').outerWidth(true);
            $('.login').css('left', Math.floor((bw - lw) / 2) + 'px');
        }
    </script>
</head>
<body>
<!--[if lt IE 9]>
<span id="version"></span>
<style type="text/css">
    * {
        display: none;
    }
</style>
<![endif]-->
<div class="login">
    <div class="top"><img src="images/logo.png" class="logo"/>

        <div class="title">
            <h1>苍穹跃龙 CMS</h1>

            <h2>The Sky Long CRM</h2>
        </div>
        <div class="clear"></div>
    </div>
    <div class="content"><img src="images/key.jpg" class="logo2">

        <div class="form">
            <p>用户名：
                <input type="text" name="userName" id="userName" autofocus regx="^[\w\d]{3,20}$" warm="请输入正确用户名！"/>
            </p>

            <p>密　码：
                <input type="password" name="password" id="password" md5 warm="请输入密码！"/>
            </p>

            <p>验证码：
                <input type="text" name="captcha" id="captcha" class="captcha" maxlength="4" regx="^[\w\d]{4}$"
                       warm="请输入正验证码！"/>
                <img src="captcha.action" alt="验证码" title="点击刷新验证码" onClick="login.fleshCaptcha()" id="captchaimg"/>
            </p>

            <p>
                <button onClick="login.submit()">登　录</button>
                <button onClick="login.reset()">重　置</button>
            </p>
        </div>
    </div>
    <div class="foot">版权所有：苍穹跃龙工作室</div>
</div>
</body>
</html>
